﻿<Canvas x:Class="Cards.NXECard" x:Name="NXE"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    Height="135" Width="300" Background="{DynamicResource Background}">    
    <Image Canvas.Left="2" Canvas.Top="2" Height="86" Width="298" Stretch="Fill" Source="{DynamicResource BackgroundImage}" Visibility="{DynamicResource ShowBackground}" />
    <Path Height="135" Canvas.Left="0"  Width="300" Canvas.Top="0">
        <Path.Fill>
            <RadialGradientBrush GradientOrigin="0.20,0.5" Center="0.25,0.50" RadiusX="0.75" RadiusY="0.5">
                <RadialGradientBrush.GradientStops>
                    <GradientStop Color="{DynamicResource GradientStart}" Offset="0" />
                    <GradientStop Color="{DynamicResource GradientEnd}" Offset="1" />
                </RadialGradientBrush.GradientStops>
            </RadialGradientBrush>
        </Path.Fill>
        <Path.Data><PathGeometry Figures="M 0,66 C 170,60 200,64 300,68 L 300,136 L 0,136 L 0,76 z"/></Path.Data>
    </Path>
    <Image Canvas.Left="4" Canvas.Top="34" Height="64" Stretch="Fill" Width="64" Source="{DynamicResource CoverImage1}" Visibility="{DynamicResource ShowCovers}"/>
    <Image Canvas.Left="68" Canvas.Top="42" Height="50" Stretch="Fill" Width="50" Source="{DynamicResource CoverImage2}" Visibility="{DynamicResource ShowCovers}"/>
    <Image Canvas.Left="118" Canvas.Top="48" Height="40" Stretch="Fill" Width="40" Source="{DynamicResource CoverImage3}" Visibility="{DynamicResource ShowCovers}"/>
    <Image Canvas.Left="158" Canvas.Top="52" Height="32" Stretch="Fill" Width="32" Source="{DynamicResource CoverImage4}" Visibility="{DynamicResource ShowCovers}"/>
    <Image Canvas.Left="190" Canvas.Top="56" Height="26" Stretch="Fill" Width="26" Source="{DynamicResource CoverImage5}" Visibility="{DynamicResource ShowCovers}"/>
    <Image Canvas.Left="4" Canvas.Top="98" Height="64" Stretch="Fill" Width="64" Source="{DynamicResource CoverImage1}" Visibility="{DynamicResource ShowCovers}">
        <Image.Clip><RectangleGeometry Rect="0,32,64,32"></RectangleGeometry></Image.Clip>
        <Image.RenderTransform><ScaleTransform ScaleY="-1" CenterX="64" CenterY="32"/></Image.RenderTransform>
        <Image.OpacityMask>
            <LinearGradientBrush StartPoint="0.5,0.0" EndPoint="0.5,1.0">
                <GradientStop Offset="1.0" Color="#66000000" />
                <GradientStop Offset="0.0" Color="#AA000000" />
            </LinearGradientBrush>
        </Image.OpacityMask>
    </Image>
    <Image Canvas.Left="68" Canvas.Top="92" Height="50" Stretch="Fill" Width="50" Source="{DynamicResource CoverImage2}" Visibility="{DynamicResource ShowCovers}">
        <Image.Clip>
            <RectangleGeometry Rect="0,25,50,25"></RectangleGeometry>
        </Image.Clip>
        <Image.RenderTransform>
            <ScaleTransform ScaleY="-1" CenterX="50" CenterY="25"/>
        </Image.RenderTransform>
        <Image.OpacityMask>
            <LinearGradientBrush StartPoint="0.5,0.0" EndPoint="0.5,1.0">
                <GradientStop Offset="1.0" Color="#66000000" />
                <GradientStop Offset="0.0" Color="#AA000000" />
            </LinearGradientBrush>
        </Image.OpacityMask>
    </Image>
    <Image Canvas.Left="118" Canvas.Top="88" Height="40" Stretch="Fill" Width="40" Source="{DynamicResource CoverImage3}" Visibility="{DynamicResource ShowCovers}">
        <Image.RenderTransform>
            <ScaleTransform ScaleY="-1" CenterX="40" CenterY="20"/>
        </Image.RenderTransform>
        <Image.OpacityMask>
            <LinearGradientBrush StartPoint="0.5,0.0" EndPoint="0.5,1.0">
                <GradientStop Offset="1.0" Color="#66000000" />
                <GradientStop Offset="0.0" Color="#AA000000" />
            </LinearGradientBrush>
        </Image.OpacityMask>
    </Image>
    <Image Canvas.Left="158" Canvas.Top="84" Height="32" Stretch="Fill" Width="32" Source="{DynamicResource CoverImage4}" Visibility="{DynamicResource ShowCovers}">
        <Image.RenderTransform>
            <ScaleTransform ScaleY="-1" CenterX="32" CenterY="16"/>
        </Image.RenderTransform>
        <Image.OpacityMask>
            <LinearGradientBrush StartPoint="0.5,0.0" EndPoint="0.5,1.0">
                <GradientStop Offset="1.0" Color="#66000000" />
                <GradientStop Offset="0.0" Color="#AA000000" />
            </LinearGradientBrush>
        </Image.OpacityMask>
    </Image>
    <Image Canvas.Left="190" Canvas.Top="82" Height="26" Stretch="Fill" Width="26" Source="{DynamicResource CoverImage5}" Visibility="{DynamicResource ShowCovers}">
        <Image.RenderTransform>
            <ScaleTransform ScaleY="-1" CenterX="26" CenterY="13"/>
        </Image.RenderTransform>
        <Image.OpacityMask>
            <LinearGradientBrush StartPoint="0.5,0.0" EndPoint="0.5,1.0">
                <GradientStop Offset="1.0" Color="#66000000" />
                <GradientStop Offset="0.0" Color="#AA000000" />
            </LinearGradientBrush>
        </Image.OpacityMask>
    </Image>
    <Rectangle Height="22" Width="296" Canvas.Left="2" Canvas.Top="111" RadiusX="1" RadiusY="1">
        <Rectangle.Fill>
            <LinearGradientBrush StartPoint="0.5,0" EndPoint="0.5,1">
                <GradientStop Offset="0" Color="#465359"/>
                <GradientStop Offset="1" Color="#343E47"/>
            </LinearGradientBrush>
        </Rectangle.Fill>
    </Rectangle>
    <TextBlock Canvas.Left="2" Canvas.Top="110" Height="22" Width="142" Padding="3" Foreground="{DynamicResource SectionForeground}" Text="{DynamicResource ZuneTag}"/>
    <TextBlock Canvas.Left="152" Canvas.Top="110" Height="22" Width="60" Padding="3" Foreground="{DynamicResource SectionForeground}" Text="{DynamicResource Plays}" Visibility="{DynamicResource ShowPlays}"/>
    <Rectangle Canvas.Left="216" Canvas.Top="8" Height="120" Width="80" Fill="{DynamicResource Device}" Visibility="{DynamicResource ShowZune}" />
    <Image Canvas.Left="240" Canvas.Top="34" Height="32" Stretch="Fill" Width="32" Source="{DynamicResource AvatarImage}"/>
    <TextBlock Canvas.Left="4" Canvas.Top="2" FontSize="10" Height="18" Padding="2" Width="214" Foreground="{DynamicResource ItemForeground}" Text="{DynamicResource Status}" Visibility="{DynamicResource ShowStatus}">
        <TextBlock.BitmapEffect><OuterGlowBitmapEffect GlowColor="White" GlowSize="3"/></TextBlock.BitmapEffect>
    </TextBlock>
    <TextBlock Canvas.Left="4" Canvas.Top="66" Foreground="White" FontSize="10" Height="32" Width="64" MaxHeight="32" MaxWidth="64" Padding="2" TextWrapping="WrapWithOverflow" Text="{DynamicResource CoverText1}" Visibility="{DynamicResource ShowCoverText}">
        <TextBlock.BitmapEffect><OuterGlowBitmapEffect GlowColor="Black" GlowSize="2"/></TextBlock.BitmapEffect>
    </TextBlock>
    <TextBlock Canvas.Left="68" Canvas.Top="66" Foreground="White" FontSize="9" Height="25" Width="50" MaxHeight="25" MaxWidth="50" Padding="1" TextWrapping="WrapWithOverflow" Text="{DynamicResource CoverText2}" Visibility="{DynamicResource ShowCoverText}">
        <TextBlock.BitmapEffect><OuterGlowBitmapEffect GlowColor="Black" GlowSize="2"/></TextBlock.BitmapEffect>
    </TextBlock>
    <TextBlock Canvas.Left="118" Canvas.Top="66" Foreground="White" FontSize="8" Height="20" Width="40" MaxHeight="20" MaxWidth="40" Padding="1" TextWrapping="WrapWithOverflow" Text="{DynamicResource CoverText3}" Visibility="{DynamicResource ShowCoverText}">
        <TextBlock.BitmapEffect><OuterGlowBitmapEffect GlowColor="Black" GlowSize="1"/></TextBlock.BitmapEffect>
    </TextBlock>
    <TextBlock Canvas.Left="158" Canvas.Top="68" Foreground="White" FontSize="6.25" Height="16" Width="32" MaxHeight="16" MaxWidth="32" Padding="0" TextWrapping="WrapWithOverflow" Text="{DynamicResource CoverText4}" Visibility="{DynamicResource ShowCoverText}">
        <TextBlock.BitmapEffect><OuterGlowBitmapEffect GlowColor="Black" GlowSize="1"/></TextBlock.BitmapEffect>
    </TextBlock>
    <TextBlock Canvas.Left="190" Canvas.Top="69" Foreground="White" FontSize="5.5" Height="13" Width="26" MaxHeight="13" MaxWidth="26" Padding="0" TextWrapping="WrapWithOverflow" Text="{DynamicResource CoverText5}" Visibility="{DynamicResource ShowCoverText}">
        <TextBlock.BitmapEffect><OuterGlowBitmapEffect GlowColor="Black" GlowSize="0"/></TextBlock.BitmapEffect>
    </TextBlock>
    <Rectangle Stroke="{DynamicResource Border}" StrokeThickness="1" Height="135" Width="300"/>
</Canvas>
